<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
    <!--空格折叠现象：将连续的多个空格或者换行折叠为一个空格显示-->
    <p>普通文字<br></p>
    <b>加粗文字</b>
    <i>斜体文字</i>
    <u>下划线文字</u>
    <s>删除线文字</s>
    <small>小号文字</small>
    <sub>下标文字</sub>
    <sup>上标文字</sup>
    <em>强调文字</em>
    <strong style="color: #001aff">加粗强调文字</strong>
    <mark>标记文字</mark>
    <br>
    <!--转移符号-->
    "id like &lt;otto&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; and u"
    <del>删除文字</del>
    <ins>插入文字</ins>
    <br>
    <!--标题-->
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>
    <h7> 标题7 </h7>
    <p>我是段落</p>
    <!--分割线-->
    <hr>
    <!--生成假文字-->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A esse est nam quam sit! Aut eaque eos ipsam iusto, labore maxime, quasi qui quisquam ratione rem repellendus sint tempore voluptatibus?
    <ol>
        <li>第一步</li>
        <li>第二步</li>
        <li>第三</li>
    </ol>
    <hr>
    <ul type="none">
        <li>
            热菜
            <ol>
                <li>西红柿牛腩</li>
                <li>水煮肉片</li>
                <li>宫保鸡丁</li>
                <li>溜肉段</li>
            </ol>
        </li>
        <li>
            凉菜
            <ol>
                <li>拍黄瓜</li>
                <li>凉拌三丝</li>
                <li>皮蛋豆腐</li>
            </ol>
        </li>
        <li>
            主食
            <ol>
                <li>米饭</li>
                <li>馒头</li>
            </ol>
        </li>
    </ul>
    <hr>
    <h1>个人简历</h1>
    <h2>基本信息</h2>
    <p>姓名：<b>传奇哥</b></p>
    <p>性别：男</p>
    <p>爱好：<s>摄影</s></p>
    <h2>个人经历</h2>
    <ul>
        <li>小学9年</li>
        <li>中学9年</li>
        <li>高中12年</li>
    </ul>
    <h2>获得荣誉</h2>
    <ol>
        <li>机甲收集达人</li>
        <li>玩偶收集达人</li>
    </ol>
</body>
</html>